

.resource-manage {
    display: grid;
    grid-template-columns: 216px 1fr;
    column-gap: 16px;
    padding: 16px 24px;

    .sort-tree {
        background-color: white;
    }

    .right-content {

        .amount-wrap {
            display: flex;
            background-color: white;
            margin-bottom: 16px;

            .item {
                width: 82px;
                height: 51px;
                margin: 10px 0;
                flex-direction: column;
                border-right: 1px solid #ccc;

                .value {
                    font-size: 18px;
                    font-weight: bold;
                }
            }
        }
    }
}
.checked{
    background-color:#1563D1;
    border-radius:10rem;
}
.page-box {
    position: relative;
    border-top: 0 none;
    padding-left: 0;
    height: calc(100vh - 201px)!important;
    .tabs-top {
        padding: 0 20px;
        display: flex;
        flex-direction: row;
        .top-right {
            margin-left: 160px;
        }
        h3{
            color: #666666;
        }
    }
    .item-line {
        position: absolute;
        top: 0;
        left: 360px;
        width: 20px;
        height: calc(100vh - 150px);
        background-color: #f1f7fb;
        z-index: 999;
    }
    .tabs-box {
        .el-tabs__item.is-left {
           min-height: 240px;
        }
        .el-tabs--left .el-tabs__header.is-left {
            width: 34%;
        }
        .el-tabs__item.is-active {
            min-height: 240px;
            color: #999999;
            background-color: #d6f5ff;
        }
        .el-tabs__item.is-left {
            text-align: left;
        }
        .left-main {
            width: 320px;
            position: relative;
            box-sizing: border-box;
           .left-title {
               color: #000000;
               padding-top: 20px;
               //position: relative;
               .title {
                   /*display: inline-block;
                   width: 70%;
                   text-overflow: ellipsis;
                   white-space: nowrap;
                   overflow: hidden;*/
                 .imgIcon {
                   width: 28px;
                   height: 26px;
                   margin-left: 10px;
                 }
               }
               span {
                 margin-left: 2px;
                 height: 20px;
                 line-height: 17px;
                 border-radius: 10rem;
                 padding: 3px;
                 font-size: 12px;
                 background-color: #f5f6f7;
                 color: #788394;
                 position: absolute;
                 top: 70px;
               }
           }
           .main {
               /*display: flex;
               flex-direction: row;
               justify-content: space-between;*/
               color: #999;
               /*.main-left {
                   flex: 1;
               }
               .main-right {
                   flex: 1;
               }*/
               .last {
                   text-overflow: ellipsis;
                   white-space: nowrap;
                   overflow: hidden;
               }
           }
           .receive {
               position: absolute;
               top: 20px;
               right: 57px;
           }
            .accounting {
               position: absolute;
               top: 20px;
               right: 57px;
           }
            .viewContract {
               position: absolute;
               top: 20px;
               right: -10px;
           }
        }
        .item-right {
            margin-left: 11px;
            height: 100%;
        }
        /deep/ .el-table {
          min-height: 400px;
        }
        /deep/ .el-table::before {
          height: 0;
        }
        /deep/ .el-table__fixed::before {
          height: 0;
        }
    }
    .left-pagination {
        width: 24%;
        line-height: 50px;
        position: fixed;
        bottom: 25px;
        left: 265px;
        padding-left: 50px;
        z-index: 9999;
    }
}
